<template>
  <div class="app">
<!--    这种写法可以不指定子组件让value来接受参数-->
    <BaseSelect :val.sync="selectId"></BaseSelect>
    <!--    这种写法可以必须指定子组件让value来接受参数-->
<!--    <BaseSelect v-model="selectId"></BaseSelect>-->
    <!--    最原始的父传子，子传父-->
<!--    <BaseSelect :selectId="selectId" @changeCity="handleChange"></BaseSelect>-->
  </div>
</template>

<script>
import BaseSelect from './components/BaseSelect.vue'
export default {
  data() {
    return {
      selectId: '102',
    }
  },
  components: {
    BaseSelect,
  },
  methods: {
    // handleChange(e) {
    //   console.log(e);
    //   this.selectId = e
    // }
    
  }
}
</script>

<style>
</style>